Nikoleta Petrova's profile

Animated Infographic

I brought this infographic to life in After Effects by importing the bar chart and other elements as layers from Illustrator. Using a combination of After Effects expressions and keyframes, I animated the elements to create dynamic visual effects.
The wiggle effect on the orange line is achieved by using null objects and applying the 'wiggle' expression to the Y-axis of the position property. Both the Y and X axes need to be separated beforehand to ensure that the animation is only applied to the Y-axis.
The slider effect is an effective tool for making the numbers count at the bottom of each bar. I utilized the slider preset available in After Effects and customized it by incorporating the Math.round function before the expression (effect..)) as well as adding keyframes to control its appearance.
The circle shapes were animated using the wiggle effect from the presets, with the speed controlled via the speed graph. Initially, they appear quickly and then gradually slow down their movement.
Animated Infographic
Published:

Animated Infographic

Published: